<template>
  <view class="rule-modal">
    <image class="main-close" @click="handleClose()" src="@/static/关闭.png" mode="widthFix"></image>
    <view class="main-body">
      <view class="body-content">
        <h2>活动规则</h2>
        <h4>一、活动时间：</h4>
        <view>2022年6月1日 - 2022年12月31日</view>
        <h4>二、活动主题：中国联通祝您生日快乐</h4>
        <h4>三、活动对象：</h4>
        <view>广东联通受邀移网用户</view>
        <h4>四、活动内容：</h4>
        <view>活动期间，符合条件的用户于中国联通APP参与生日活动拆礼物可以获得奖品，用户可以根据指定路径领取奖品。</view>
        <h4>四、活动细则：</h4>
        <view>（1）参与条件：广东联通受邀用户</view>
        <view>（2）活动期间，符合条件的用户于中国联通APP参与生日活动拆礼物可以获得奖品，用户可以根据指定路径领取奖品。</view>
        <view>（3）参与方式：活动期间，符合条件用户可获得一次拆礼物机会</view>
        <view>（4）奖品设置：</view>
        <view style="text-indent: 2em;">奖品数量有限，先到先得，实际中奖结果以活动页面中奖结果展示为准。</view>
        <view style="text-indent: 2em;">奖品池为：礼物包包含80元千层蛋糕券、9.9元美团外卖满减券、10元哈根达斯代金券、5元肯德基大杯咖啡满减券、5元奈雪的茶代金券、10元DQ代金券。</view>
        <view>（5）奖品查询：</view>
        <view style="text-indent: 2em;">查看路径1：中国联通APP-【我的钱包】-【电子券】-【电子券】，包含9.9元美团外卖满减券</view>
        <view style="text-indent: 2em;">查看路径2：中国联通APP-【我的钱包】-【电子券】-【我的权益】，包含80元千层蛋糕券、10元哈根达斯代金券、5元肯德基大杯咖啡满减券、5元奈雪的茶代金券、10元DQ代金券</view>
        <view>（6）奖品有效期说明：</view>
        <view style="text-indent: 2em;">① 所有奖品自领取起30天内有效；</view>
        <view style="text-indent: 2em;">② 请在奖品有效期内使用，逾期不兑换的奖品，中国联通将会予以回收。</view>
        <view>（7）其他说明：</view>
        <view style="text-indent: 2em;">中国联通APP可在法律规定允许范围内对活动规则进行变更或调整，相关变更或调整将公布在活动页面上； 活动开展期间不得使用任何外挂、插件以及其他破坏活动规则、违背活动公平原则的方式参与活动，不得作弊，否则中国联通APP有权取消用户参与活动资格，对利用违规行为获取奖品进行撤销（如实物、优惠券、奖励积分等），必要时取消后续参与中国联通APP任何活动的权利，并追究法律责任。</view>
        <view style="text-indent: 2em;">如遇因不可抗力造成的某奖品缺货，无货导致无法按时发奖时，系统将自动匹配相似品类，相似价值奖品按时发奖。</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  name: '',
  data() {
    return {};
  },
  methods:{
    handleClose(){
      this.$emit('on-close')
    }
  }
};
</script>

<style scoped lang="less">
  .rule-modal{
    width: 90vw;
    text-align: right;
    .main-close{
      width: 60rpx;
    }
    .main-body{
      padding: 40rpx 50rpx;
      background: #fff;
      border-radius: 30rpx;
      margin-top: 20rpx;
      h2{
        text-align: center;
        font-size: 40rpx;
        margin-bottom: 26rpx;
      }
      .body-content{
        height: 900rpx;
        overflow-y: auto;
        text-align: left;
        line-height: 40rpx;
        font-size: 24rpx;
        &::-webkit-scrollbar {
          /*滚动条整体样式*/
          width: 0;
          /*高宽分别对应横竖滚动条的尺寸*/
          height: 1px;
        }

        &::-webkit-scrollbar-thumb {
          /*滚动条里面小方块*/
          border-radius: 10px;
          box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
          background: #c4c4c4;
        }
        h4{
          font-size: 28rpx;
          margin: 10rpx 0;
        }
        span{
          font-weight: 400;
          font-size: 24rpx;
        }
        .red{
          color: #f00;
        }
      }
    }
  }
</style>
